<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Kindle同步器</title>
	<link rel="stylesheet" type="text/css" href="js/semantic.min.css">

	<style type="text/css">
		body > .ui.container {
			padding-top: 3em;
		}
	</style>
</head>
<body>
	<div class="ui container">
		<h1 class="ui header dividing">
			Kindle同步器
			<div class="sub header">
				输入网址后点击同步按钮进行同步，不要忘记插上Kindle哦~
			</div>
		</h1>

		<div class="ui form">
			<div class="field">
				<label>网址路径</label>
				<input type="text" id="url_box" placeholder="网址路径...">
			</div>
			<div class="field">
				<label>Kindle路径</label>
				<input type="text" id="path_box" placeholder="Kindle路径...">
			</div>
			<button id="sync_btn" class="ui button">同步</button>
			<span id="about"></span>
		</div>
	</div>

	<script src="./js/index.js"></script>
	<script src="semantic/dist/semantic.min.js"></script>
</body>
</html>
